﻿@model AvaliacaoOnline.Data.Avaliacao

@{
    ViewBag.Title = "Avaliação Online - Cadastro de avaliação";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section head{
<link href="@Url.Content("~/Scripts/upload/jquery.fileupload-ui.css")" type="text/css" rel="stylesheet" />
<script src="@Url.Content("~/Scripts/upload/jquery.fileupload.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/upload/jquery.fileupload-ui.js")" type="text/javascript"></script>
<script src="@Url.Content("~/scripts/tinymce/tiny_mce.js")" type="text/javascript"></script>
<script type="text/javascript">
    var idText = 0;
    var changed = false;
    $(function () { 
        setTimeout(function () {
            setWysiwyg();
            $("input:text").setMask();
            $("input[mask='date']").datepicker({ "dateFormat": "dd/mm/yy" });
            $("select[name='IdCliente']").css("width", "602px");
            $("#LimiteTempo").bind('click', function () { switchTempo(); });
            $("#carregarQuestoes").click();
            $("#carregarUsuarios").click();

            $("#text1 input").bind('change', function(){ changed=true;});
            $("#text1 input").bind('keydown', function(){ changed=true;});
            $("#text1 select").bind('change', function(){ changed=true;});

            
            switchTempo();
            setTabs();

            //$("#liQuestoes a").click();

            if ($("input[name='Id']").val()=="0")
                changed=true;
        }, 0);
    });
    setWysiwyg = function () {
        tinyMCE.init({
            // General options
            mode: "textareas",
            theme: "advanced",
            plugins: "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",

            // Theme options
            theme_advanced_buttons1: "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,formatselect,fontselect,fontsizeselect,|,forecolor,backcolor",
            theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,cleanup,code,|,preview",
            theme_advanced_buttons3: "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr",
            theme_advanced_buttons4: "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft,|,print,|,ltr,rtl,|,fullscreen",
            theme_advanced_toolbar_location: "top",
            theme_advanced_toolbar_align: "left",
            theme_advanced_resizing: false
        });
    }
    setTabs = function() {
        $("ul.tabs li.label").hide();
        $("#tab-set > div").hide();
        $("#tab-set > div").eq(0).show();
        $("ul.tabs a").click(function () {
            if (changed){
                $.showMessage("Antes de mudar de aba você precisa salvar as alterações.");
                return;
            }

            var continuar = true;
            $("ul.tabs a.selected").removeClass('selected');
            $("#tab-set > div").hide();
            $("" + $(this).attr("href")).fadeIn('slow');
            $(this).addClass('selected');
            return false;
        });
        $("#toggle-label").click(function () {
            $(".tabs li.label").toggle();
            return false;
        });
    }
    upload = function (tipo) {
        $("#Tipo").val(tipo);
        $("#upload").dialog({
            modal: true,
            title: 'Carregar arquivos',
            buttons: {
                "Upload": function () {
                    $("#ajaxUploadForm").submit();
                },
                "Cancelar": function () {
                    $(this).dialog('close');
                }
            }
        });
    }
    questoes = function () {
        $("#questoes").dialog({
            width: '420px',
            modal: true,
            title: 'Inserir questões',
            buttons: {
                "Confirmar": function () {
                    questoesAjax(this);
                },
                "Cancelar": function () {
                    $(this).dialog('close');
                }
            }
        });
    }
    questoesAjax = function (dialogo) {
        $.ajax({
            url: '@Url.Content("~/avaliacao/questoes")' ,
            dataType:'json',
            type: 'post',
            data: { idAvaliacao: @Model.Id, questoes: $("textarea#questoes").val() },
            success: function (data) {
                $(dialogo).dialog('close');
                $.showMessage(data);
                $("#carregarQuestoes").click();
            }
        });
    }

    usuariosPlanilha = function () {
        $("#usuarios").dialog({
            width: '420px',
            modal: true,
            title: 'Inserir usuários',
            buttons: {
                "Confirmar": function () {
                    usuariosAjax(this);
                },
                "Cancelar": function () {
                    $(this).dialog('close');
                }
            }
        });
    }
    usuariosAjax = function (dialogo) {
        $.ajax({
            url: '@Url.Content("~/usuario/carga")',
            dataType:'json',
            type: 'post',
            data: { idCliente: @Model.IdCliente, idAvaliacao: @Model.Id, usuarios: $("textarea#usuarios").val() },
            success: function (data) {
                $(dialogo).dialog('close');
                $.showMessage({
                    message:data,
                    width: 620,
                    height: 400
                });
                $("#carregarUsuarios").click();
                setTimeout(function(){
                    $("#grid tr:odd td").css("background-color", "white");
                    $("#grid tr:even td").css("background-color", "transparent");
                },2500);
            }
        });
    }


    rdoMensagemClick = function(){
        $(".divtextarea").hide();
        $("#textarea" + $("input[name='rdoMensagem']:checked").val()).show();
    }

    switchTempo = function () {
        if ($("#LimiteTempo:checked").size() > 0) {
            $("input[name='QuantidadeSegundos']").removeAttr('disabled');
        } else {
            $("input[name='QuantidadeSegundos']").attr('disabled', 'disabled').val('0');
        }
    }

    $(function () {
        setTimeout(function () {
            $('#formUploadImagem').fileUploadUI({
                url: '@Url.Content("~/Avaliacao/Upload")', method: 'POST', uploadTable: $('#files1'), downloadTable: $('#files1'),
                buildUploadRow: function (files, index) {
                    $("#arquivoTipo1").text('');
                    return $('<tr><td>' + files[index].name + '<\/td>' +
					'<td class="file_upload_progress"><div><\/div><\/td>' +
					'<td class="file_upload_cancel">&nbsp;<\/td><\/tr>');
                },
                buildDownloadRow: function (file) {
                    if (file == "")
                        return;
                    $("#arquivoTipo1").text(file.Name);
                    $("#arquivoTipo1").attr('href', file.Url);
                    $("#ImagemFundo").val(file.Name);
                }
            });
            $('#formUploadEstilo').fileUploadUI({
                url: '@Url.Content("~/Avaliacao/Upload")', method: 'POST', uploadTable: $('#files2'), downloadTable: $('#files2'),
                buildUploadRow: function (files, index) {
                    $("#arquivoTipo2").text('');
                    return $('<tr><td>' + files[index].name + '<\/td>' +
					'<td class="file_upload_progress"><div><\/div><\/td>' +
					'<td class="file_upload_cancel">&nbsp;<\/td><\/tr>');
                },
                buildDownloadRow: function (file) {
                    if (file == "")
                        return;
                    $("#arquivoTipo2").text(file.Name);
                    $("#arquivoTipo2").attr('href', file.Url);
                    $("#ArquivoEstilo").val(file.Name);
                }
            });
            $("#divExcluirImagem").bind('click',function(){
                $.ajax({
                    url: '@Url.Content("~/avaliacao/ExcluirArquivo")',
                    dataType:'json',
                    type: 'post',
                    data: { idAvaliacao: $("#formUploadImagem").find("input[name='IdAvaliacao']").val(), tipo: 1 },
                    success: function (data) {
                        $("#arquivoTipo1").text('');
                    }
                });
            });
            $("#divExcluirEstilo").bind('click',function(){
                $.ajax({
                    url: '@Url.Content("~/avaliacao/ExcluirArquivo")',
                    dataType:'json',
                    type: 'post',
                    data: { idAvaliacao: $("#formUploadEstilo").find("input[name='IdAvaliacao']").val(), tipo: 2 },
                    success: function (data) {
                        $("#arquivoTipo2").text('');
                    }
                });
            });
            
        }, 0);

        
    });
    
</script>

@if(!String.IsNullOrWhiteSpace(ViewData["Message"] as string)){
<script type="text/javascript">
    $(function(){
        $.showMessage('@(Html.Raw(ViewData["Message"] as string))');
    });
</script>
}

}

<h3>Avaliação</h3>

<div class='column span-24 last' id='tab-set'>
<ul class='tabs'>
	<li id="liDadosGerais"><a href='#text1' class='selected'>Dados gerais</a></li>
	<li id="liLayout"><a href='#text2'>Layout</a></li>
	<li id="liQuestoes"><a href='#text3'>Questoes</a></li>
	<li id="liUsuarios"><a href='#text4'>Usuários</a></li>
</ul>
<br />

<div id="text1" class="span-24">
    @using (Html.BeginForm("Save", "Avaliacao", FormMethod.Post))
    {
    <input type="hidden" name="Id" id="Id" value="@Model.Id" />
    <input type="hidden" name="ImagemFundo" id="ImagemFundo" value="@Model.ImagemFundo" />
    <input type="hidden" name="ArquivoEstilo" id="ArquivoEstilo" value="@Model.ArquivoEstilo" />
    <div class="span-3">Cliente</div>
    <div class="span-8 last form">
        @Html.DropDownList("IdCliente",(IEnumerable<SelectListItem>)ViewData["Clientes"])
    </div>
    <div class="clear"></div>
    <div class="span-3">Titulo</div>
    <div class="span-8 last form">
        <input type="text" name="Titulo" value="@Model.Titulo" style="width:600px;" maxlength=100 />
    </div>
    <div class="clear"></div>
    <div class="span-3">Descrição</div>
    <div class="span-8 last form">
        <input type="text" name="Descricao" value="@Model.Descricao" style="width:600px;" maxlength=50 />
    </div>
    <div class="clear"></div>
    <div class="span-3">Mensagens</div>
    <div class="span-8 last">
        <div class='column span-24 last' id='tab-set2'>
            <div>
                <input type=radio value=1 checked=checked name="rdoMensagem" onclick="rdoMensagemClick()" id="rdoMensagemResumo" />
	            <label for="rdoMensagemResumo" style="font:normal;">Resumo</label>
                <input type=radio value=2  name="rdoMensagem" onclick="rdoMensagemClick()" id="rdoMensagemParticipacao" />
	            <label for="rdoMensagemParticipacao" style="font:normal;">Participação</label>
                <input type=radio value=3  name="rdoMensagem" onclick="rdoMensagemClick()" id="rdoMensagemConclusao" />
	            <label for="rdoMensagemConclusao" style="font:normal;">Conclusão</label>
            </div>
            <br />
            <div id="textarea1" class="span-8 divtextarea">
                <textarea id="Resumo" style="width:602px;height:200px;" name="Resumo">@Model.Resumo</textarea>
            </div>
            <div class="clear"></div>
            <div id="textarea2" class="span-8 divtextarea" style="display:none;">
                <textarea id="MensagemParticipacao" style="width:602px;height:200px;" name="MensagemParticipacao">@Model.MensagemParticipacao</textarea>
            </div>
            <div class="clear"></div>
            <div id="textarea3" class="span-12 divtextarea" style="display:none;">
                <textarea id="MensagemConclusao" style="width:602px;height:200px;" name="MensagemConclusao">@Model.MensagemConclusao</textarea>
                <div class=quiet style="font-size:.8em;">Parametros @@RespostasCorretas, @@QuantidadeQuestoes;</div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="clear"></div>
    <br />
    <div class="span-3">Limitar tempo</div>
    <div class="span-8 last form"> 
        <input type="checkbox" name="LimiteTempo" id="LimiteTempo" value="S" @(Model.LimiteTempo=="S"?"checked":"") /> <span style="color:Maroon">*não utilizar para a Novartis</span>
    </div>
    <div class="clear"></div>
    <div class="span-3">Tempo (seg.)</div>
    <div class="span-8 last form">
        <input type="text" name="QuantidadeSegundos" value="@Model.QuantidadeSegundos" style="width:600px;" mask="integer" />
    </div>
        
    <div class="clear"></div>
    <div class="span-3">Esquema</div>
    <div class="span-8 last form">
        <input type="text" name="EsquemaQuestoes" value="@Model.EsquemaQuestoes" style="width:600px;" />
        <br />
        <span style="font-style:italic; color:#999;font-size:.9em">Ex.: 3x1/2x2/1x3 - 3 questoes nível 1, 2 nível 2, etc...</span>
    </div>
    <div class="clear"></div>
    <br />
    <div class="span-3">Aleat. Questões</div>
    <div class="span-8 last form">
        <input type="checkbox" name="QuestoesAleatorias" id="QuestoesAleatorias" value="S" @(Model.QuestoesAleatorias == "S" ? "checked" : "") />
    </div>
    <div class="clear"></div>
    <br />
    <div class="span-3">Aleat. Alternat.</div>
    <div class="span-8 last form">
        <input type="checkbox" name="AlternativaAleatoria" id="AlternativaAleatoria" value="S" @(Model.AlternativaAleatoria == "S" ? "checked" : "") />
    </div>
    <div class="clear"></div>
    <!--
    <br />
    <div class="span-3">Tempo por questão</div>
    <div class="span-8 last form">
        <input type="checkbox" name="LimiteTempoQuestao" id="LimiteTempoQuestao" value="S" @(Model.LimiteTempoQuestao == "S" ? "checked" : "") />
    </div>
    <div class="clear"></div>
    -->
    <br />
    <div class="span-3">Exibir resultado</div>
    <div class="span-8 last form">
        <input type="checkbox" name="ExibirResultado" id="ExibirResultado" value="S" @(Model.ExibirResultado == "S" ? "checked" : "") />
    </div>
    <div class="clear"></div>
    <div class="span-3">Início</div>
    <div class="span-8 last form">
        <input type="text" name="DataInicial" value="@Model.DataInicial.ToString("dd/MM/yyyy")" style="width:100px;" mask="date" />
        <input type="text" name="HoraInicial" value="@Model.DataInicial.ToString("HH:mm")" style="width:100px;" mask="time" />
    </div>
    <div class="clear"></div>
    <div class="span-3">Final</div>
    <div class="span-8 last form">
        <input type="text" name="DataFinal" value="@Model.DataFinal.ToString("dd/MM/yyyy")" style="width:100px;" mask="date" />
        <input type="text" name="HoraFinal" value="@Model.DataFinal.ToString("HH:mm")" style="width:100px;" mask="time" />
    </div>
    <br />
    <br />
    <div class="span-18 last" style="text-align:right;">
        <input type="submit" name="Salvar" value="Salvar alterações" id="SalvarDadosGerais"/>
    </div>
    }
</div>

<div id="text2" class="span-24">
    <div class="span-20">
        Imagem fundo
        <hr />
        <a href="@ViewData["ImagemFundoURL"]" id="arquivoTipo1" target="_blank">@Model.ImagemFundo</a>
        <table id="files1"></table>
    </div>
    <div class="span-4 last">
        <span style="">
            <form id="formUploadImagem" >
                <input type="hidden" name="IdAvaliacao" id="IdAvaliacao" value="@Model.Id" />
                <input type="hidden" name="IdCliente" id="IdCliente" value="@Model.IdCliente" />
                <input type="hidden" name="Tipo" id="Tipo" value="1" /><br />
	            <div class="span-24" style="">
		            <div id="divIncluirImagem" style="width:120px;" class="filediv">
			            <input type="file" name="file" multiple><button>Upload</button>
			            <div class="edit" style="font-size:0.9em;font:normal;">(incluir imagem)</div>
		            </div>
                    <div id="divExcluirImagem" style="width:120px;" class="filediv">
			            <div class="edit" style="font-size:0.9em;font:normal;">(excluir imagem)</div>
		            </div>
	            </div>
            </form>
        </span>
    </div>
    <div class="clear"></div>
    <br />
    <br />
    <div class="span-20">
        Folha estilo
        <hr />
        <a href="@ViewData["ArquivoEstiloURL"]" id="arquivoTipo2" target="_blank">@Model.ArquivoEstilo</a>
        <table id="files2"></table>
    </div>
    <div class="span-4 last">
        <span>
            <form id="formUploadEstilo" >
                <input type="hidden" name="IdAvaliacao" id="IdAvaliacao" value="@Model.Id" />
                <input type="hidden" name="IdCliente" id="IdCliente" value="@Model.IdCliente" />
                <input type="hidden" name="Tipo" id="Tipo" value="2" /><br />
	            <div class="span-24">
		            <div id="divIncluirEstilo" style="width:120px;" class="filediv">
			            <input type="file" name="file" multiple><button>Upload</button>
			            <div class="edit" style="font-size:0.9em;font:normal;">(incluir estilo)</div>
		            </div>
                    <div id="divExcluirEstilo" style="width:120px;" class="filediv">
			            <div class="edit" style="font-size:0.9em;font:normal;">(excluir estilo)</div>
		            </div>
                </div>
            </form>
        </span>
    </div>
    <div class="clear"></div>
    <br />
    <div>
        Endereço arquivos servidor:<br />
        @ViewData["PathInfo"]
    </div>
</div>

<div id="text3" class="span-24">
    <div class="span-24">
        Questões
        <span style="width:200px;float:right;text-align:right;">
            <a href="javascript:questoes();">Inserir questões</a>
        </span>
    </div>
    <input type="button" id="carregarQuestoes" value="Carregar questoes" onclick="$('#questao').load('@Url.Action("QuestaoPartial", "Teste", new { idCliente = Model.IdCliente, idAvaliacao = Model.Id, step = 1 })');" style="display:none;" />
    <hr />
    <div id="questao">
    </div>
    <hr />
</div>


<div id="text4" class="span-24">
    <div class="span-24">
        Usuários
        <span style="width:200px;float:right;text-align:right;">
            <a href="javascript:usuariosPlanilha();">Inserir usuários</a>
        </span>
    </div>
    <input type="button" id="carregarUsuarios" value="Carregar usuarios" onclick="$('#divUsuarios').load('@Url.Action("ListAvaliacao", "Usuario", new { idCliente = Model.IdCliente, idAvaliacao = Model.Id })');" style="display:none;" />
    <hr />
    <div id="divUsuarios">
    </div>
    <hr />
</div>

<div id="message" style="display:none;"></div>
<div id="upload" style="display:none; width:200px; height:120px;">
    <form id="ajaxUploadForm" action="@Url.Action("Upload", "Avaliacao")" method="post" enctype="multipart/form-data">
        <input type="hidden" name="IdAvaliacao" id="IdAvaliacao" value="@Model.Id" />
        <input type="hidden" name="IdCliente" id="IdCliente" value="@Model.IdCliente" />
        <input type="hidden" name="Tipo" id="Tipo" />
        <div>Selecione o arquivo:</div>
        <input type="file" name="file" />
    </form>
</div>

<div id="questoes" style="display:none; width:400px; height:350px;">
@using (Html.BeginForm("Questoes", "Avaliacao", FormMethod.Post, new { id = "formQuestoes" }))
{
    <input type="hidden" name="IdAvaliacao" id="IdAvaliacao" value="@Model.Id" />
    <input type="hidden" name="IdCliente" id="IdCliente" value="@Model.IdCliente" />
    <div>Copie o modelo de questões na área abaixo:</div>
    <textarea id="questoes" name="questoes" style="width:380px; height:200px;"></textarea>
}
</div>


<div id="usuarios" style="display:none; width:400px; height:350px;">
@using (Html.BeginForm("Carga", "Usuario", FormMethod.Post, new { id = "formUsuarios" }))
{
    <input type="hidden" name="IdAvaliacao" id="IdAvaliacao" value="@Model.Id" />
    <input type="hidden" name="IdCliente" id="IdCliente" value="@Model.IdCliente" />
    <div>Copie o modelo de questões na área abaixo:</div>
    <textarea id="usuarios" name="usuarios" style="width:380px; height:200px;"></textarea>
}
</div>
